<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/reset.css">
</head>
<body>
    <header></header>
    <main>
        <div class="xvideo">
            <video src="img/bg-video.mp4" autoplay muted loop></video>
        </div>
        <div class="reheader">
            <div class="center">
                <h1 class="svg">
                </h1>
                <div class="qq">
                    <div class="turk">
                        QQ靓号
                    </div>
                    <i></i>
                    <div class="chinese">简体中文</div>
                    <div class="advice">意见反馈</div>
                </div>
            </div>
        </div>
        <div class="loginDiv">
            <div class="mimalo">
                <h3>密码登录</h3>
                <h5>推荐使用<span>快捷登录</span>，防止盗号</h5>
            </div>
            <form action="">
                <div>
                    <input type="text" placeholder="请输入账号" class="username">
                </div>
                <span class="tip"></span>
                <div>
                    <input type="password" placeholder="请输入密码" class="userpass">
                </div>
                <div class="d3">
                    <input type="button" value="登录" class="login">
                </div>
            </form>
            <div class="reg">
                <a href="">找回密码</a>
                <a href="register.html" class="two">注册账号</a>
                <a href="">意见反馈</a>
            </div>
        </div>
    </main>
    <footer></footer>
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/login.js"></script>
